export const imgLazyload = (scrollTop) => {
    let n = 0
    const num = document.getElementsByTagName('img').length // 获取图片标签的数量
    const imgs = document.getElementsByTagName('img')   // 获取所以图片标签
    const vpHeight = document.documentElement.clientHeight // 可见区域
    for (let i = n; i < num; i++) {
        let img = imgs[i]
        // ！！！注意！！！：只有元素show（渲染完成）才会计算入offsetTop，若是中间有元素数据需要异步获取，会导致最终获取的offsetTop值偏小
        if (img.offsetTop < vpHeight + scrollTop) { // 当前图片标签的顶部位置在可视区域或者已经经过了可视区域
            if (img.getAttribute('src') == './imgs/02_imglayzyload/default.jpeg') {
                img.src = img.getAttribute('data-src')
            }
            n = i + 1   // 避免已经加载过的图片重复加载
        }
    }
}